<?php

if(!$cms)
  include("_cms/classes/cms.inc");

function inlever() {
  global $cms;
  $sql = "SELECT * FROM inlever where actief=1 ORDER BY plaats";
  $result = $cms->db->query($sql);          // Geeft een db_result object terug
  if ($result->num_rows) {
    while ($myrow = $result->get_nextrow()) {             // Loopt door alle rijen, telkens als array
      printf("<option value='%s'>%s (%s)</option>", $myrow['id'],$myrow['naam'], $myrow['plaats']);
    }
  }
}

function vereniging() {
  global $cms;
  $sql = "SELECT * FROM vereniging where actief=1 ORDER BY naam";
  $result = $cms->db->query($sql);          // Geeft een db_result object terug
  if ($result->num_rows) {
    while ($myrow = $result->get_nextrow()) {             // Loopt door alle rijen, telkens als array
      printf("<option value='%s'>%s </option>", $myrow['id'],$myrow['naam']);
    }
  }
}

function biertype() {
  global $cms;
  $sql = "SELECT * FROM biertype where actief=1 ORDER BY klasse, naam";
  $result = $cms->db->query($sql);          // Geeft een db_result object terug
  if ($result->num_rows) {
    while ($myrow = $result->get_nextrow()) {             // Loopt door alle rijen, telkens als array
      printf("<option value='%s'>Klasse %s - %s</option>", $myrow['id'], $myrow['klasse'], utf8_decode($myrow['naam']));
    }
  }
}
?>
<!DOCTYPE html>
<html lang="nl">
<head>
<title>Inschrijven ONK ##jaar##</title>
<meta name="description" content="Schrijf je in voor het open nederlands kampioenschap amateurbrouwen ##jaar##" />
<meta http-equiv="Content-type" content="text/html;charset=iso-8859-1">
<meta http-equiv="Content-Language" content="nl" />
<link rel="shortcut icon" href="<?=$cms->contenturl;?>assets/gfx/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="<?=$cms->contenturl;?>assets/css/onk.css" type="text/css" />
<script type="text/javascript" src="<?=$cms->contenturl;?>assets/jquery.js"></script>
<script type="text/javascript" src="<?=$cms->contenturl;?>assets/jquery.validate.js"></script>
<script type="text/javascript" src="<?=$cms->contenturl;?>assets/messages_nl.js"></script>

<script>
  $(document).ready(function() {
    $("#info_popup").click(function () {
      $(this).fadeOut(300);
    } );
    $(".popup").click(function() {
      $('#info_popup_info').html('...Momentje...').load(this.href);
      $('#info_popup').fadeIn(300);
      return false;
    } );
    $("#addbeer").click(function() {
      var item = $('#beertempl').clone().contents();
      item.attr({'style': 'display:none'});
      item.prepend('Bier ' + ($('#bierform .bier').length+1) );
      $('div.bier:last').after(item);
      $('div.bier:last').fadeIn("slow");
      $('div.bier:last select').focus();
    } );

    function calc_receipt() {
      // tel alle niet 0 bier[]
      var count = $("div.bier select option:selected[value!=0]").length;
      $("#totbier").html(count);
      $("#toteuro").html( count * 4 + (($("#keuring").is(':checked'))?1:0)) ;
      if(count == 0) {
        $("#insturen").hide();
      }
      else {
        $("#insturen").show();
      }
    }
    $('#keuring').click(function() { calc_receipt() });
    $('div.bier select').live("change", function() {
      calc_receipt();
      if ( $(this).val() == 65) {
        $(this).next().show();
        $(this).next().next().show();
      }	
      else {
        $(this).next().hide();
        $(this).next().next().hide();
      }
    });
    $("#vereniging").change(function() { 
      if( $("#vereniging option:selected").val() == 0)
        $("#vereniging_alt").show();
      else {
        $("#vereniging_alt").val("");
        $("#vereniging_alt").hide();
      }
    } );
    $('#postcode').blur(function() { 
      if ($(this).val().length > 0)
        get_address($('#postcode').val()) 
    });

    $('#telefoon').keyup(function() {
      if (this.value.match(/[^0-9]/g)) {
        this.value = this.value.replace(/[^0-9]/g, '');
      }
    });

    function get_address(zipcode) {
      var url='/ajax.php?ajax_zipcode='+zipcode;
      $.getJSON(url, function(data) {
        if(data && data.street)
          $('#straat').val(data.street);
        if(data && data.city)
          $('#woonplaats').val(data.city);
        //if(!data) { 
        //        $('#woonplaats').prop('disabled',false);
        //        $('#straat').prop('disabled',false);
        //}
      });
    }

    $('#land').blur(function() {
      if ($(this).length > 0) {
        $("#postcode").rules("remove", "zipcodeNL");
        $("#telefoon").rules("remove", "phoneNL");
      }
      else {
        $("#postcode").rules("add", "zipcodeNL");
        $("#telefoon").rules("add", "phoneNL");
      }
    });

    $('#bierform').validate({
      rules: {
        tst:{ required: function() {
          if($("div.bier select option:selected[value!=0]").length > 0 ){
            return false;
          }else{
            return true;
          }
        } }
     }
    });

    $('#myform').validate({
      rules: {
        email: { required: true, email: true, 
          remote: { url: "/ajax.php?ajax_email",
            data: {
              email: function() {
                return $('#email').val();
              }
            }
          }
        },
        achternaam: { required: true },
        voornaam: { required: true },
        huisnr: { required: true },
        straat: { required: true },
        woonplaats: { required: true },
        postcode: { required: true, zipcodeNL:true },
        telefoon: { required: true, phoneNL:true }
      }
    });
    $("#email").change(function(){
       $("#email").removeData("previousValue");
    });
    $('#submitbutton').click(function() {
      var action = "bedankt.php";
      if ( $('#bierform').valid() && $('#myform').valid() ) {
        $(this).html('&nbsp; Momentje...').off('click'); // Prevent double clicks
        $('#form_warning').remove();
        $.ajax({
          url  : "verwerk.php",
          cache : false, 
          type : 'POST',
          data : $('#myform, #bierform').serialize(),
          success : function(response) {
            window.location.replace(action+'?t='+response);
          }
          ,error: function (response) {
            var r = jQuery.parseJSON(response.responseText);
            alert(r.Message);
          }
        });
        return false;
      }
      else {
        $(this).after('<div id="form_warning" class="error">Niet alle velden zijn correct ingevuld.<br>Controleer het formulier</div>');
      }
    });
  });
</script>
</head>
<body>
<div class="centerLayout">
<img src="<?=$cms->contenturl;?>assets/gfx/ONK-LABO-logo.png" class="logo" alt="ONK Labo logo">
<div id="uitleg">
Op deze pagina kunt u zich inschrijven voor het Open Nederlands Kampioenschap amateurbrouwen ##jaar##, dit jaar gehouden op ##datum## datum bij ##locatie##.
<p>
Door inschrijving verklaart u zich akkoord en bekend met het <a target="_blank" href="http://www.labo.nu/Download/Centraal_Reglement_LABO.pdf">LABO wedstrijdregelement</a>.
<br>
In afwijking op artikel 37 van het Labo Reglement is bepaald dat de ingeleverde flesjes, leeg of vol, eigendom worden van de wedstrijdorganisatie, om het organisatorisch altijd moeilijke teruggeven van de flesjes te vereenvoudigen.
<p>
Per te keuren bier dient u 3 standaard euroflesjes met ongemerkte zilver of goudkleurigedop <a class="popup" target="_blank" href="/p-ajax/fles.vul.dop">(hier staan voorbeelden)</a> in te leveren op een inleveradres wat hieronder is vermeld in de periode van ##inleverstart## tot ##inlevereind##. De inleveradressen <a class="popup" target="_blank" href="/p-ajax/adreslijst">staan hier</a>.

<p>
Na aanmelding krijgt u een mail met daarin uw labels/etiketten in PDF formaat. Print deze uit op normaal papier, knip ze uit en plak ze op de flesjes. Wij adviseren u om dat met plakband te doen, over het nummer heen en geheel rond het flesje. Hiermee is het nummer nog goed te lezen in geval van beschadigingen van het etiket/label. Voor een voorbeeld van een goedgeplakt label, <a class="popup" target="_blank" href="/p-ajax/fles.etiket">klik hier</a>.

<p>
Per te keuren bier dient u ##bedrag## euro over te maken naar rekening ##rekening## ten name van ##rekeningnaam## onder vermelding van "ONK ##jaar##" en uw deelnemernummer. Deze krijgt u per e-mail toegestuurd.

<p>
Het is ook mogelijk om de keuringsformulieren na de wedstrijd toegestuurd te krijgen per post. Dit kost 1 euro onafhankelijk van het aantal ingezonden bieren. Dit kunt u hieronder aanvinken.
</div>
<div id="persoon">
<b>Persoonlijke gegevens</b>
<p>
<form method="post" id="myform" name="form">
<table>
<tr><td class="right-aligned">Aanhef</td><td> <select name="geslacht"><option value="m">Dhr.</option><option value="V">Mevr.</option></select> </td></tr>
<tr><td class="right-aligned">Voornaam/letters</td> <td><input type="text" id="voornaam" name="voornaam"/></td></tr>
<tr><td class="right-aligned">Achternaam</td> <td><input type="text" id="achternaam" name="achternaam"/></td></tr>
<tr><td class="right-aligned">Postcode</td> <td><input type="text" id="postcode" name="postcode" maxlength="7" size="7"/></td></tr>
<tr><td class="right-aligned">Huisnr</td> <td><input type="text" id="huisnr" name="huisnr" maxlength="6" size="6"/> </td></tr>
<tr><td class="right-aligned">Straatnaam</td> <td><input type="text" id="straat" name="straat"/></td></tr>
<tr><td class="right-aligned">Woonplaats</td> <td><input type="text" id="woonplaats" name="woonplaats"/></td></tr>
<tr><td class="right-aligned">Land, als niet NL <td><input type="text" id="land" name="land"/></td></tr>
<tr><td class="right-aligned">Telefoon</td> <td><input type="text" id="telefoon" name="telefoon" maxlength="10" size="10"/></td></tr>
<tr><td class="right-aligned">Emailadres</td> <td><input type="text" id="email" name="email"/></td></tr>
<tr><td class="right-aligned">Vereniging</td> <td><select id="vereniging" name="vereniging"/>
<option value="99">Geen vereniging</option> <?php vereniging() ?>
<option value="0">Andere club, hiernaast invullen</option></select>
<input type="text" name="vereniging_alt" id="vereniging_alt" style="display:none"/></td></tr>
<tr><td class="right-aligned">Inleverpunt</td> <td><select id="inlever" name="inlever"><?php inlever(); ?></select></td></tr>
<tr><td class="right-aligned">Ik wil de ONK nieuwsflits ontvangen:</td><td> <input type="checkbox" id="nieuwsflits" name="nieuwsflits" value="1"></td></tr> <br>
<tr><td class="right-aligned">De organisatie mag contact opnemen<br> over gebruikte recepten:</td><td> <input type="checkbox" id="contact_me" name="contact_me" value="1"></td></tr>
</table>
</form>
</div>
<div id="bieren">
<b>Welke bieren gaat u inzenden?</b>
<p>
U moet voor elk bier een biertype selecteren uit de lijst dat het meest overeenkomt. Komt geen enkel bier overeen, dan kunt u overwegen het bier in te zenden in de vrije klasse.
<p>Bij klasse V moet u een <a target="_blank" href="http://www.onkbrouwen.nl/p-httpd/multimedia/LogboekformulierVrijeKlasse.doc">logboekformulier</a> invullen en opsturen <br>
naar <a href="mailto:##email##">##email##</a>.

<div id="receipt"><u><b>Inzending overzicht:</b></u><br><br>
Aantal bieren: <span id="totbier">0</span><br><br>
Totaal bedrag: &euro; <span id="toteuro">0</span>
</div>
<p><a href="http://www.bierkeurmeestersgilde.nl/biertypenlijst.htm" target="_blank">De eigenschappen van de biertypen vindt u hier.</a>
<p>
<div id="beertempl">
<div class="bier">
<select name="bier[]"><option value="0">Selecteer een type</option><?php biertype();?> </select>
<input type="text" name="vrij[]" size="25" style="display:none"/>
<span class="reminder" style="display:none">Vergeet het <a target="_blank" href="http://www.onkbrouwen.nl/p-httpd/multimedia/LogboekformulierVrijeKlasse.doc">logboek</a> niet</span>
</div>
</div>
<form name="bierform" id="bierform">
<input type="checkbox" id="tst" name="tst" value=1 style="display:none"/>
Stuur mij de keuringsformulieren per post toe: <input type="checkbox" id="keuring" name="keuring" value="1"> <br>
<p>
<span id="addbeer" class="cssSubmitButton">Voeg bier toe</span></a>
<div class="bier">
Bier 1 
<select name="bier[]"><option value="0">Selecteer een type</option><?php biertype();?> </select>
<input type="text" name="vrij[]" size="25" style="display:none"/>
<span class="reminder" style="display:none">Vergeet het <a target="_blank" href="http://www.onkbrouwen.nl/p-httpd/multimedia/LogboekformulierVrijeKlasse.doc">logboek</a> niet</span>
</div>
</form>
</div>
<div id="insturen" style="display:none">
<span id="submitbutton" class="cssSubmitButton">Verstuur mijn inzending</span></a>
</div>
<div id="footer">
<hr>
Met dank aan Frank van Tol en Ernst de Moor. Gebaseerd op eerder werk van Oscar Moerman en Hans Lepoeter.
</div>
</div>
<noscript>Javascript is nodig om dit formulier in te kunnen vullen maar is op dit moment niet beschikbaar.</noscript>
<div id="info_popup">
  <div id="info_close">[ X ] &nbsp; </div>
  <div id="info_popup_info">...Momentje...</div>
</div>
</body>
</html>
